<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>变色背景</title>
    <style>
        .red{
            background-color: red !important;
        }
        #tips{
            background-color: blue;
        }
    </style>
    <script src="min_jq/min.js"></script>
</head>
<body>
    <div id="tips">这是个测试内容</div>
</body>
    <script>
        $("#tips").on("click",function (){
            console.log("事件已触发")
            //
            $("#tips").toggleClass("red")
        })
        // $("p").toggleClass("myClass", true);  强制添加 myClass 类
        // $("p").toggleClass("myClass", false); 强制删除 myClass 类
    </script>
</html>